iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 18
0
Modern Web

轉生成感性腦初學網頁的文組大小姐系列 第 18

DAY18:HTML學習筆記-CSS-框線

  • 分享至 

  • xImage
  •  

今日進度

HTML5‧CSS3 最強圖解實戰講座的Lesson6

學習筆記

今日新知

- 框線裝飾

  • 做在h2上
    -語法:
    h2{
    color:#0000C6;
    border:#4A4AFF 5px dotted;
    border-left:#6A6AFF 10px solid;
    padding:5px 1px;
    margin-bottom:0;
    }
    - border:框線
    - 語法:#色碼 粗細 種類
    - dotted:點點
    - border-left:左框線
    - solid:直線
    - padding:框線和內文字的間距
    - margin:框線和外面的間距

- 字的粗細

  • font-weight
    • 英文的粗細有100~900
    • 中文的粗細只能做到normal(一般)和bold(粗體)

心得

  • 今天有其中一段忘記打結束的括號},結果後面的語法全部跑不出來,查了好多資料,結果發現只是忘記打}
    /images/emoticon/emoticon06.gif
  • 書的東西還是比較簡略,很多東西會直接出現卻沒有解釋,現在有網路世界可以找資料真的很方便,以前網路世界不發達時,人們遇到不懂的東西要到處去問,真的很辛苦/images/emoticon/emoticon19.gif

初學者學習日誌,文章內容若有打錯歡迎直接糾正我,謝謝大家><


上一篇
DAY17:HTML學習筆記-CSS-續
下一篇
DAY19:HTML學習筆記-CSS-注意事項
系列文
轉生成感性腦初學網頁的文組大小姐30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言